<%-- 
    Document   : updateProfile
    Created on : Sep 8, 2013, 2:38:21 PM
    Author     : ChauAnh
--%>

<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.Date"%>
<%@page import="java.text.DateFormat"%>
<%@page import="java.util.Iterator"%>
<%@page import="java.util.Set"%>
<%@page import="java.util.HashMap"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Update profile</title>
        <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>        
        <script type="text/javascript" src="js/register.js"></script>

        <style type="text/css">
            .tabViewProfile{
                width: 190px;
                height: 30px;
                border-width: 1px;
            }           

            /*Popbox view profile*/
            .popBoxViewProfile{
                z-index: 0;                                
                position:absolute;                
                display: none;
                width: 520px;
                height: 100%;
                background-color: #f7f7f7;
                border: 1px solid #A80037;                   
                padding-left: 20px;
                padding-top: 20px;
                padding-right: 20px;
                font-family: helvetica, arial, sans-serif;
                font-size: small;    
            }

            #popBoxArrowPersonal{
                width: 0;
                height: 0;                
                border-right: 20px solid #A80037;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                position:absolute;
                left:-20px;
                top:210px;    
            }

            #popBoxArrowProfessional{
                width: 0;
                height: 0;                
                border-right: 20px solid #A80037;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                position:absolute;
                left:-20px;
                top:255px;
            }

            #popBoxArrowLikings{
                width: 0;
                height: 0;                
                border-right: 20px solid #A80037;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                position:absolute;
                left:-20px;
                top:310px;
            }

            .titleCandidateProfile{
                color: #A80037;
                font-family: helvetica, arial, sans-serif;
                font-size: medium;
                font-weight: bold;
                width: 250px;                
                border-bottom-style: dotted;
                border-bottom-width: 1px;
                padding-top: 5px;
            }

            .contentCandidateProfile{
                color: #A80037;                
                font-family: helvetica, arial, sans-serif;
                font-size: medium;
                font-style: italic;
                border-bottom-style: dotted;
                border-bottom-width: 1px;
                border-right-style: none;
                padding-top: 5px;
            }
        </style>

    </head>
    <body>

        <%
            if (request.getSession().getAttribute("listCandidateProfileDetails") == null) {
                response.sendRedirect("index.jsp");
            } else {
                HashMap listRequest = (HashMap) request.getSession().getAttribute("listCandidateProfileDetails");
                Set keyRequest = listRequest.keySet();
                Iterator itr = keyRequest.iterator();
                while (itr.hasNext()) {
                    Object keyid = itr.next();
                    HashMap hm = (HashMap) listRequest.get(keyid);

        %>
        <div align="center">
            <div align="center" style="height: auto; width: 800px;">
                <jsp:include page="master.jsp" flush="true"/>                
            </div>            
            <div align="center" style="height: 100%; width: 800px">   
                <table style="width: 800px" border="0">
                    <tr>
                        <td rowspan="2" style="width: 200px" align="left">
                            <img src="avatar/<%=hm.get("avatar")%>" width='200' height='200' border='0' alt='User'/>
                            <input class="buttonProfile" type="button" id="wrapperPersonal" value="Personal"/>
                            <input class="buttonProfile" type="button" id="wrapperProfessional" value="Professional"/>
                            <input class="buttonProfile" type="button" id="wrapperLikings" value="Likings"/>                            
                        </td>
                        <td style="width: 20px;">

                        </td>
                        <td style="width: 600px; vertical-align: top">                    
                            <div>
                                <div class="popBoxViewProfile" id="popBoxPersonal">
                                    <div id="popBoxArrowPersonal">
                                    </div>
                                    <table style="width: 100%">
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                First name:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">
                                                <div id="viewFirstName">
                                                    <%=hm.get("first_name")%><a id="showEditFN" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editFirstName">
                                                    <form id="formFirstName" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditFirstName" name="txtEditFirstName" class="gwt-TextBox-Edit" value="<%=hm.get("first_name")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelFirstName" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>                                        
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Middle name:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">
                                                <div id="viewMiddleName">
                                                    <%=hm.get("middle_name")%><a id="showEditMiddleName" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editMiddleName">
                                                    <form id="formMiddleName" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditMiddleName" name="txtEditMiddleName" class="gwt-TextBox-Edit" value="<%=hm.get("middle_name")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelMiddleName" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Last name:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">
                                                <div id="viewLastName">
                                                    <%=hm.get("last_name")%><a id="showEditLastName" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editLastName">
                                                    <form id="formLastName" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditLastName" name="txtEditLastName" class="gwt-TextBox-Edit" value="<%=hm.get("last_name")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelLastName" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Gender:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                                                                
                                                <div id="viewGender">
                                                    <%=hm.get("gender")%><a id="showEditGender" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editGender">
                                                    <form id="formGender" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <select name="cbEditGender" id="cbEditGender" class="gwt-Combobox-Register">
                                                            <option>Male</option>
                                                            <option>Female</option>
                                                        </select>                                                        
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelGender" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr><tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Birth date:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewBirthDate">
                                                    <%=hm.get("birthdate")%><a id="showEditBirthDate" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editBirthDate">
                                                    <form id="formBirthDate" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <select id="cbEditDay" name="cbEditDay" class="gwt-Combobox-Register" validate="required:true">
                                                            <option value="">Day</option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                            <option value="7">7</option>
                                                            <option value="8">8</option>
                                                            <option value="9">9</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                            <option value="13">13</option>
                                                            <option value="14">14</option>
                                                            <option value="15">15</option>
                                                            <option value="16">16</option>
                                                            <option value="17">17</option>
                                                            <option value="18">18</option>
                                                            <option value="19">19</option>
                                                            <option value="20">20</option>
                                                            <option value="21">21</option>
                                                            <option value="22">22</option>
                                                            <option value="23">23</option>
                                                            <option value="24">24</option>
                                                            <option value="25">25</option>
                                                            <option value="26">26</option>
                                                            <option value="27">27</option>
                                                            <option value="28">28</option>
                                                            <option value="29">29</option>
                                                            <option value="30">30</option>
                                                            <option value="31">31</option>
                                                        </select>

                                                        <select name="cbEditMonth" id="cbEditMonth" class="gwt-Combobox-Register">
                                                            <option>Month</option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                            <option value="7">7</option>
                                                            <option value="8">8</option>
                                                            <option value="9">9</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                        </select>

                                                        <select id="cbEditYears" name="cbEditYears" class="gwt-Combobox-Register">
                                                            <option>Years</option>
                                                            <%
                                                                DateFormat dateFormat = new SimpleDateFormat("yyyy");
                                                                Date dateObj = new Date();
                                                                int date = Integer.parseInt(dateFormat.format(dateObj)) - 18;
                                                                for (int i = 50; i > 0; i--) {

                                                            %>
                                                            <option>
                                                                <%
                                                                    date = date - 1;
                                                                    out.println(date);
                                                                %>
                                                            </option>
                                                            <%
                                                                }
                                                            %>
                                                        </select>
                                                        <br>
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelBirthDate" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Marital status:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewMaritalStatus">
                                                    <%=hm.get("marital_status")%><a id="showEditMaritalStatus" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editMaritalStatus">
                                                    <form id="formMaritalStatus" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <select name="cbEditMaritalStatus" id="cbEditMaritalStatus" class="gwt-Combobox-Register">
                                                            <option>Never Married</option>
                                                            <option>Divorced</option>
                                                            <option>Widowed</option>
                                                        </select>
                                                        <br>
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelMaritalStatus" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr><tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Height
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewHeight">
                                                    <%=hm.get("height")%><a id="showEditHeight" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editHeight">
                                                    <form id="formHeight" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <select name="cbEditHeight" id="cbEditHeight" class="gwt-Combobox-Register">
                                                            <%
                                                                int height = 49;
                                                                for (int j = 0; j < 200; j++) {

                                                            %>
                                                            <option value="<%= height%>">
                                                                <%
                                                                    height = height + 1;
                                                                    out.println(height + " Cm");
                                                                %>
                                                            </option>
                                                            <%
                                                                }
                                                            %>
                                                        </select>
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelHeight" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Country living in:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewCountry">
                                                    <%=hm.get("country_living_in")%><a id="showEditCountry" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editCountry">
                                                    <form id="formCountry" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <select name="cbEditCountry" id="cbEditCountry" class="gwt-Combobox-Register">
                                                            <option value="Afghanistan">Afghanistan</option>
                                                            <option value="Albania">Albania</option>
                                                            <option value="Algeria">Algeria</option>
                                                            <option value="American Samoa">American Samoa</option>
                                                            <option value="Andorra">Andorra</option>
                                                            <option value="Angola">Angola</option>
                                                            <option value="Anguilla">Anguilla</option>
                                                            <option value="Antartica">Antarctica</option>
                                                            <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                                                            <option value="Argentina">Argentina</option>
                                                            <option value="Armenia">Armenia</option>
                                                            <option value="Aruba">Aruba</option>
                                                            <option value="Australia">Australia</option>
                                                            <option value="Austria">Austria</option>
                                                            <option value="Azerbaijan">Azerbaijan</option>
                                                            <option value="Bahamas">Bahamas</option>
                                                            <option value="Bahrain">Bahrain</option>
                                                            <option value="Bangladesh">Bangladesh</option>
                                                            <option value="Barbados">Barbados</option>
                                                            <option value="Belarus">Belarus</option>
                                                            <option value="Belgium">Belgium</option>
                                                            <option value="Belize">Belize</option>
                                                            <option value="Benin">Benin</option>
                                                            <option value="Bermuda">Bermuda</option>
                                                            <option value="Bhutan">Bhutan</option>
                                                            <option value="Bolivia">Bolivia</option>
                                                            <option value="Bosnia and Herzegowina">Bosnia and Herzegowina</option>
                                                            <option value="Botswana">Botswana</option>
                                                            <option value="Bouvet Island">Bouvet Island</option>
                                                            <option value="Brazil">Brazil</option>
                                                            <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
                                                            <option value="Brunei Darussalam">Brunei Darussalam</option>
                                                            <option value="Bulgaria">Bulgaria</option>
                                                            <option value="Burkina Faso">Burkina Faso</option>
                                                            <option value="Burundi">Burundi</option>
                                                            <option value="Cambodia">Cambodia</option>
                                                            <option value="Cameroon">Cameroon</option>
                                                            <option value="Canada">Canada</option>
                                                            <option value="Cape Verde">Cape Verde</option>
                                                            <option value="Cayman Islands">Cayman Islands</option>
                                                            <option value="Central African Republic">Central African Republic</option>
                                                            <option value="Chad">Chad</option>
                                                            <option value="Chile">Chile</option>
                                                            <option value="China">China</option>
                                                            <option value="Christmas Island">Christmas Island</option>
                                                            <option value="Cocos Islands">Cocos (Keeling) Islands</option>
                                                            <option value="Colombia">Colombia</option>
                                                            <option value="Comoros">Comoros</option>
                                                            <option value="Congo">Congo</option>                                                
                                                            <option value="Cook Islands">Cook Islands</option>
                                                            <option value="Costa Rica">Costa Rica</option>
                                                            <option value="Cota D'Ivoire">Cote d'Ivoire</option>
                                                            <option value="Croatia">Croatia (Hrvatska)</option>
                                                            <option value="Cuba">Cuba</option>
                                                            <option value="Cyprus">Cyprus</option>
                                                            <option value="Czech Republic">Czech Republic</option>
                                                            <option value="Denmark">Denmark</option>
                                                            <option value="Djibouti">Djibouti</option>
                                                            <option value="Dominica">Dominica</option>
                                                            <option value="Dominican Republic">Dominican Republic</option>
                                                            <option value="East Timor">East Timor</option>
                                                            <option value="Ecuador">Ecuador</option>
                                                            <option value="Egypt">Egypt</option>
                                                            <option value="El Salvador">El Salvador</option>
                                                            <option value="Equatorial Guinea">Equatorial Guinea</option>
                                                            <option value="Eritrea">Eritrea</option>
                                                            <option value="Estonia">Estonia</option>
                                                            <option value="Ethiopia">Ethiopia</option>
                                                            <option value="Falkland Islands">Falkland Islands (Malvinas)</option>
                                                            <option value="Faroe Islands">Faroe Islands</option>
                                                            <option value="Fiji">Fiji</option>
                                                            <option value="Finland">Finland</option>
                                                            <option value="France">France</option>
                                                            <option value="France Metropolitan">France, Metropolitan</option>
                                                            <option value="French Guiana">French Guiana</option>
                                                            <option value="French Polynesia">French Polynesia</option>
                                                            <option value="French Southern Territories">French Southern Territories</option>
                                                            <option value="Gabon">Gabon</option>
                                                            <option value="Gambia">Gambia</option>
                                                            <option value="Georgia">Georgia</option>
                                                            <option value="Germany">Germany</option>
                                                            <option value="Ghana">Ghana</option>
                                                            <option value="Gibraltar">Gibraltar</option>
                                                            <option value="Greece">Greece</option>
                                                            <option value="Greenland">Greenland</option>
                                                            <option value="Grenada">Grenada</option>
                                                            <option value="Guadeloupe">Guadeloupe</option>
                                                            <option value="Guam">Guam</option>
                                                            <option value="Guatemala">Guatemala</option>
                                                            <option value="Guinea">Guinea</option>
                                                            <option value="Guinea-Bissau">Guinea-Bissau</option>
                                                            <option value="Guyana">Guyana</option>
                                                            <option value="Haiti">Haiti</option>
                                                            <option value="Heard and McDonald Islands">Heard and Mc Donald Islands</option>
                                                            <option value="Holy See">Holy See (Vatican City State)</option>
                                                            <option value="Honduras">Honduras</option>
                                                            <option value="Hong Kong">Hong Kong</option>
                                                            <option value="Hungary">Hungary</option>
                                                            <option value="Iceland">Iceland</option>
                                                            <option value="India">India</option>
                                                            <option value="Indonesia">Indonesia</option>
                                                            <option value="Iran">Iran (Islamic Republic of)</option>
                                                            <option value="Iraq">Iraq</option>
                                                            <option value="Ireland">Ireland</option>
                                                            <option value="Israel">Israel</option>
                                                            <option value="Italy">Italy</option>
                                                            <option value="Jamaica">Jamaica</option>
                                                            <option value="Japan">Japan</option>
                                                            <option value="Jordan">Jordan</option>
                                                            <option value="Kazakhstan">Kazakhstan</option>
                                                            <option value="Kenya">Kenya</option>
                                                            <option value="Kiribati">Kiribati</option>                                                
                                                            <option value="Korea">Korea, Republic of</option>
                                                            <option value="Kuwait">Kuwait</option>
                                                            <option value="Kyrgyzstan">Kyrgyzstan</option>
                                                            <option value="Lao">Lao People's Democratic Republic</option>
                                                            <option value="Latvia">Latvia</option>
                                                            <option value="Lebanon" selected>Lebanon</option>
                                                            <option value="Lesotho">Lesotho</option>
                                                            <option value="Liberia">Liberia</option>
                                                            <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
                                                            <option value="Liechtenstein">Liechtenstein</option>
                                                            <option value="Lithuania">Lithuania</option>
                                                            <option value="Luxembourg">Luxembourg</option>
                                                            <option value="Macau">Macau</option>
                                                            <option value="Macedonia">Macedonia</option>
                                                            <option value="Madagascar">Madagascar</option>
                                                            <option value="Malawi">Malawi</option>
                                                            <option value="Malaysia">Malaysia</option>
                                                            <option value="Maldives">Maldives</option>
                                                            <option value="Mali">Mali</option>
                                                            <option value="Malta">Malta</option>
                                                            <option value="Marshall Islands">Marshall Islands</option>
                                                            <option value="Martinique">Martinique</option>
                                                            <option value="Mauritania">Mauritania</option>
                                                            <option value="Mauritius">Mauritius</option>
                                                            <option value="Mayotte">Mayotte</option>
                                                            <option value="Mexico">Mexico</option>
                                                            <option value="Micronesia">Micronesia, Federated States of</option>
                                                            <option value="Moldova">Moldova, Republic of</option>
                                                            <option value="Monaco">Monaco</option>
                                                            <option value="Mongolia">Mongolia</option>
                                                            <option value="Montserrat">Montserrat</option>
                                                            <option value="Morocco">Morocco</option>
                                                            <option value="Mozambique">Mozambique</option>
                                                            <option value="Myanmar">Myanmar</option>
                                                            <option value="Namibia">Namibia</option>
                                                            <option value="Nauru">Nauru</option>
                                                            <option value="Nepal">Nepal</option>
                                                            <option value="Netherlands">Netherlands</option>
                                                            <option value="Netherlands Antilles">Netherlands Antilles</option>
                                                            <option value="New Caledonia">New Caledonia</option>
                                                            <option value="New Zealand">New Zealand</option>
                                                            <option value="Nicaragua">Nicaragua</option>
                                                            <option value="Niger">Niger</option>
                                                            <option value="Nigeria">Nigeria</option>
                                                            <option value="Niue">Niue</option>
                                                            <option value="Norfolk Island">Norfolk Island</option>
                                                            <option value="Northern Mariana Islands">Northern Mariana Islands</option>
                                                            <option value="Norway">Norway</option>
                                                            <option value="Oman">Oman</option>
                                                            <option value="Pakistan">Pakistan</option>
                                                            <option value="Palau">Palau</option>
                                                            <option value="Panama">Panama</option>
                                                            <option value="Papua New Guinea">Papua New Guinea</option>
                                                            <option value="Paraguay">Paraguay</option>
                                                            <option value="Peru">Peru</option>
                                                            <option value="Philippines">Philippines</option>
                                                            <option value="Pitcairn">Pitcairn</option>
                                                            <option value="Poland">Poland</option>
                                                            <option value="Portugal">Portugal</option>
                                                            <option value="Puerto Rico">Puerto Rico</option>
                                                            <option value="Qatar">Qatar</option>
                                                            <option value="Reunion">Reunion</option>
                                                            <option value="Romania">Romania</option>
                                                            <option value="Russia">Russian Federation</option>
                                                            <option value="Rwanda">Rwanda</option>
                                                            <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 
                                                            <option value="Saint LUCIA">Saint LUCIA</option>
                                                            <option value="Saint Vincent">Saint Vincent and the Grenadines</option>
                                                            <option value="Samoa">Samoa</option>
                                                            <option value="San Marino">San Marino</option>
                                                            <option value="Sao Tome and Principe">Sao Tome and Principe</option> 
                                                            <option value="Saudi Arabia">Saudi Arabia</option>
                                                            <option value="Senegal">Senegal</option>
                                                            <option value="Seychelles">Seychelles</option>
                                                            <option value="Sierra">Sierra Leone</option>
                                                            <option value="Singapore">Singapore</option>
                                                            <option value="Slovakia">Slovakia (Slovak Republic)</option>
                                                            <option value="Slovenia">Slovenia</option>
                                                            <option value="Solomon Islands">Solomon Islands</option>
                                                            <option value="Somalia">Somalia</option>
                                                            <option value="South Africa">South Africa</option>
                                                            <option value="South Georgia">South Georgia</option>
                                                            <option value="Span">Spain</option>
                                                            <option value="SriLanka">Sri Lanka</option>
                                                            <option value="St. Helena">St. Helena</option>
                                                            <option value="St. Pierre and Miguelon">St. Pierre and Miquelon</option>
                                                            <option value="Sudan">Sudan</option>
                                                            <option value="Suriname">Suriname</option>
                                                            <option value="Svalbard">Svalbard and Jan Mayen Islands</option>
                                                            <option value="Swaziland">Swaziland</option>
                                                            <option value="Sweden">Sweden</option>
                                                            <option value="Switzerland">Switzerland</option>
                                                            <option value="Syria">Syrian Arab Republic</option>
                                                            <option value="Taiwan">Taiwan, Province of China</option>
                                                            <option value="Tajikistan">Tajikistan</option>
                                                            <option value="Tanzania">Tanzania, United Republic of</option>
                                                            <option value="Thailand">Thailand</option>
                                                            <option value="Togo">Togo</option>
                                                            <option value="Tokelau">Tokelau</option>
                                                            <option value="Tonga">Tonga</option>
                                                            <option value="Trinidad and Tobago">Trinidad and Tobago</option>
                                                            <option value="Tunisia">Tunisia</option>
                                                            <option value="Turkey">Turkey</option>
                                                            <option value="Turkmenistan">Turkmenistan</option>
                                                            <option value="Turks and Caicos">Turks and Caicos Islands</option>
                                                            <option value="Tuvalu">Tuvalu</option>
                                                            <option value="Uganda">Uganda</option>
                                                            <option value="Ukraine">Ukraine</option>
                                                            <option value="United Arab Emirates">United Arab Emirates</option>
                                                            <option value="United Kingdom">United Kingdom</option>
                                                            <option value="United States">United States</option>                                                
                                                            <option value="Uruguay">Uruguay</option>
                                                            <option value="Uzbekistan">Uzbekistan</option>
                                                            <option value="Vanuatu">Vanuatu</option>
                                                            <option value="Venezuela">Venezuela</option>
                                                            <option value="Viet Nam">Viet Nam</option>
                                                            <option value="Virgin Islands (British)">Virgin Islands (British)</option>
                                                            <option value="Virgin Islands (U.S)">Virgin Islands (U.S.)</option>
                                                            <option value="Wallis and Futana Islands">Wallis and Futuna Islands</option>
                                                            <option value="Western Sahara">Western Sahara</option>
                                                            <option value="Yemen">Yemen</option>
                                                            <option value="Yugoslavia">Yugoslavia</option>
                                                            <option value="Zambia">Zambia</option>
                                                            <option value="Zimbabwe">Zimbabwe</option>
                                                        </select>
                                                        <br>
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelCountry" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                City:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                               
                                                <div id="viewCity">
                                                    <%=hm.get("city")%><a id="showEditCity" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editCity">
                                                    <form id="formCity" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditCity" name="txtEditCity" class="gwt-TextBox-Edit" value=" <%=hm.get("city")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelCity" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Contact number:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewContactNo">
                                                    <%=hm.get("contact_number")%><a id="showEditContactNo" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editContactNo">
                                                    <form id="formContactNo" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditContactNo" name="txtEditContactNo" class="gwt-TextBox-Edit" value=" <%=hm.get("contact_number")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelContactNo" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Mother tongue:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewMotherTongue">
                                                    <%=hm.get("mother_tongue")%><a id="showEditMotherTongue" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editMotherTongue">
                                                    <form id="formMotherTongue" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditMotherTongue" name="txtEditMotherTongue" class="gwt-TextBox-Edit" value=" <%=hm.get("mother_tongue")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelMotherTongue" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>                                                
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Religion:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewReligion">
                                                    <%=hm.get("religion")%><a id="showEditReligion" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editReligion">
                                                    <form id="formReligion" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditReligion" name="txtEditReligion" class="gwt-TextBox-Edit" value=" <%=hm.get("religion")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelReligion" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Caste:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewCaste">
                                                    <%=hm.get("caste")%><a id="showEditCaste" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editCaste">
                                                    <form id="formCaste" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditCaste" name="txtEditCaste" class="gwt-TextBox-Edit" value=" <%=hm.get("caste")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelCaste" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Self features:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewSelfFeatures">
                                                    <%=hm.get("self_features")%><a id="showEditSelfFeatures" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editSelfFeatures">
                                                    <form id="formSelfFeatures" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditSelfFeatures" name="txtEditSelfFeatures" class="gwt-TextBox-Edit" value=" <%=hm.get("self_features")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelSelfFeatures" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Family details:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewFamilyDetails">
                                                    <%=hm.get("family_details")%><a id="showEditFamilyDetails" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editFamilyDetails">
                                                    <form id="formFamilyDetails" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditFamilyDetails" name="txtEditFamilyDetails" class="gwt-TextBox-Edit" value=" <%=hm.get("family_details")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelFamilyDetails" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>

                                    </table>
                                </div>



                                <div class="popBoxViewProfile" id="popBoxProfessional">
                                    <div id="popBoxArrowProfessional">
                                    </div>
                                    <table style="width: 100%">
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Qualification current status:
                                            </td>                                    
                                            <td align="left" class="contentCandidateProfile">                                                
                                                 <div id="viewQualification">
                                                    <%=hm.get("qualification_current_status")%><a id="showEditQualification" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editQualification">
                                                    <form id="formQualification" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditQualification" name="txtEditQualification" class="gwt-TextBox-Edit" value=" <%=hm.get("qualification_current_status")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelQualification" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Working at:
                                            </td>                                    
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewWorkingAt">
                                                    <%=hm.get("working_at")%><a id="showEditWorkingAt" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editWorkingAt">
                                                    <form id="formWorkingAt" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditWorkingAt" name="txtEditWorkingAt" class="gwt-TextBox-Edit" value=" <%=hm.get("working_at")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelWorkingAt" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Designation:
                                            </td>                                    
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewDesignation">
                                                    <%=hm.get("designation")%><a id="showEditDesignation" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editDesignation">
                                                    <form id="formDesignation" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditDesignation" name="txtEditDesignation" class="gwt-TextBox-Edit" value=" <%=hm.get("designation")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelDesignation" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" class="titleCandidateProfile">
                                                Location:
                                            </td>                                    
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewLocation">
                                                    <%=hm.get("location")%><a id="showEditLocation" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editLocation">
                                                    <form id="formLocation" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditLocation" name="txtEditLocation" class="gwt-TextBox-Edit" value=" <%=hm.get("location")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelLocation" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>                                        
                                        </tr>
                                    </table>
                                </div>



                                <div class="popBoxViewProfile" id="popBoxLikings">
                                    <div id="popBoxArrowLikings">
                                    </div>
                                    <table style="width: 100%;">
                                        <tr>                                        
                                            <td align="left" class="titleCandidateProfile">
                                                Hobbies:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewHobbies">
                                                    <%=hm.get("hobbies")%><a id="showEditHobbies" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editHobbies">
                                                    <form id="formHobbies" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditHobbies" name="txtEditHobbies" class="gwt-TextBox-Edit" value=" <%=hm.get("hobbies")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelHobbies" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>                                        
                                            <td align="left" class="titleCandidateProfile">
                                                Favorite music:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewFavoriteMusic">
                                                    <%=hm.get("favorite_music")%><a id="showEditFavoriteMusic" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editFavoriteMusic">
                                                    <form id="formFavoriteMusic" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditFavoriteMusic" name="txtEditFavoriteMusic" class="gwt-TextBox-Edit" value=" <%=hm.get("favorite_music")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelFavoriteMusic" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>                                        
                                            <td align="left"class="titleCandidateProfile">
                                                Movie:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewMovie">
                                                    <%=hm.get("movie")%><a id="showEditMovie" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editMovie">
                                                    <form id="formMovie" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEditMovie" name="txtEditMovie" class="gwt-TextBox-Edit" value=" <%=hm.get("movie")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelMovie" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>                                        
                                            <td align="left" class="titleCandidateProfile">
                                                Cuisin es:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewCuisinEs">
                                                    <%=hm.get("cuisin_es")%><a id="showEditCuisinEs" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editCuisinEs">
                                                    <form id="formCuisinEs" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEdiCuisinEs" name="txtEditCuisinEs" class="gwt-TextBox-Edit" value=" <%=hm.get("cuisin_es")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelCuisinEs" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>                                        
                                            <td align="left" class="titleCandidateProfile">
                                                Books:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewBooks">
                                                    <%=hm.get("books")%><a id="showEditBooks" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editBooks">
                                                    <form id="formBooks" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEdiBooks" name="txtEditBooks" class="gwt-TextBox-Edit" value=" <%=hm.get("books")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelBooks" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>                                        
                                            <td align="left" class="titleCandidateProfile">
                                                Place:
                                            </td>
                                            <td align="left" class="contentCandidateProfile">                                                
                                                <div id="viewPlace">
                                                    <%=hm.get("place")%><a id="showEditPlace" href="#" class="linkEdit">Edit</a>
                                                </div>
                                                <div id="editPlace">
                                                    <form id="formPlace" action="updateProfile" method="GET" novalidate="novalidate">
                                                        <input type="text" id="txtEdiPlace" name="txtEditPlace" class="gwt-TextBox-Edit" value=" <%=hm.get("place")%>"/><br>                                            
                                                        <input type="submit" value="Save" class="gwt-Button-Edit"/>
                                                        <input  id="cancelPlace" type="button" value="Cancel" class="gwt-Button-Edit"/>
                                                    </form>                                                    
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>                    
                        </td>                
                    </tr>
                </table>
            </div>
        </div>
        <%
                }
            }
        %>     


    </body>
</html>
